<!--
<h1 class="title">Angular Router</h1>
<nav>
  <a routerLink="/crisis-center" routerLinkActive="active">Crisis Center</a>
  <a routerLink="/heroes" routerLinkActive="active">Heroes</a>
  <a routerLink="/admin" routerLinkActive="active">Admin</a>
  <a [routerLink]="[{ outlets: { popup: ['compose'] } }]">Contact</a>
</nav>
&lt;!&ndash;<div [@routeAnimation]="getAnimationData(routerOutlet)">&ndash;&gt;
  <router-outlet #routerOutlet="outlet"></router-outlet>
&lt;!&ndash;</div>&ndash;&gt;
&lt;!&ndash;<router-outlet name="popup"></router-outlet>&ndash;&gt;
-->


<h1>Angular Router</h1>
<nav>
  <a routerLink="/crisis-center" routerLinkActive="active">Crisis Center</a> &nbsp;
  <a routerLink="/heroes" routerLinkActive="active">Heroes</a> &nbsp;
  <a routerLink="/admin" routerLinkActive="active">admin</a> &nbsp;
</nav>
<router-outlet></router-outlet>
